<table class="table">
  <thead>
  <tr>
    <td>
      <button type="button" class="btn btn-primary" (click)=" add()">新增</button>
    </td>
  </tr>
  <tr>
    <th scope="col">#</th>
    <th scope="col">图片</th>
    <th scope="col">标题</th>
    <th scope="col">链接网址</th>
    <th scope="col">操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let c of cl;let i=index">
    <th scope="row">{{i+1}}</th>
    <td>
      <img width="200px" height="200px" *ngIf="c.pic!=null" src="{{config.IMG_HOST}} {{c.pic}}"/>
    </td>
    <td>{{c.title}}</td>
    <td>{{c.url}}</td>
    <td>
      <button type="button" class="btn btn-success" (click)="update(c.carouselid)">修改</button>
      <button type="button" class="btn btn-danger" (click)="delete(c.carouselid)">删除</button>
    </td>

  </tr>

  </tbody>
</table>
